
	<!--//header-->
	<!--products-->
	<div class="products">
		<div class="container" >
			<h2>Our Products</h2>
			<div class="col-md-9 product-model-sec" >


			<?php
			for($i=0;$i<$a;$i++){
				$div=<<<aaa
							<div class="product-grid">
					<a href="single.php?id={$id[$i]}">
						<div class="more-product"><span> </span></div>
						<div class="product-img b-link-stripe b-animate-go  thickbox">
							<img src=".{$img[$i]}" class="img-responsive" alt="">
							<div class="b-wrapper">
								<h4 class="b-animate b-from-left  b-delay03">
									<button>View</button>
								</h4>
							</div>
						</div>
					</a>
					<div class="product-info simpleCart_shelfItem">
						<div class="product-info-cust prt_name">
							<span class="item_price">￥{$price[$i]}</span>
							<div class="ofr">
								<p class="pric1"><del>$2300.00</del></p>
								<p class="disc">[15% Off]</p>
							</div>


							<div class="clearfix"> </div>
						</div>
					</div>
 				</div>
aaa;
echo $div;
			}
			?>
			<div id='page'>
			<a href="?page=1">首页</a>
   			<a href="?page=<?php echo $pageNum==1?1:($pageNum-1)?>">上一页</a>
   			<a href="?page=<?php echo $pageNum==$endPage?$endPage:($pageNum+1)?>">下一页</a>
			<a href="?page=<?php echo $endPage?>">尾页</a>
			</div>

<!--				<div class="product-grid">
					<a href="single.html">
						<div class="more-product"><span> </span></div>
						<div class="product-img b-link-stripe b-animate-go  thickbox">
							<img src="./view/shop/images/m1.png" class="img-responsive" alt="">
							<div class="b-wrapper">
								<h4 class="b-animate b-from-left  b-delay03">
									<button>View</button>
								</h4>
							</div>
						</div>
					</a>
					<div class="product-info simpleCart_shelfItem">
						<div class="product-info-cust prt_name">
							<h4>Product #1</h4>
							<span class="item_price">$2000.00</span>
							<div class="ofr">
								<p class="pric1"><del>$2300.00</del></p>
								<p class="disc">[15% Off]</p>
							</div>
							<input type="text" class="item_quantity" value="1" />
							<input type="button" class="item_add items" value="Add">
							<div class="clearfix"> </div>
						</div>
					</div>
 				</div>
<div class="product-grid">
	<a href="single.html">
		<div class="more-product"><span> </span></div>
		<div class="product-img b-link-stripe b-animate-go  thickbox">
			<img src="./view/shop/images/m2.png" class="img-responsive" alt=""/>
			<div class="b-wrapper">
			<h4 class="b-animate b-from-left  b-delay03">
			<button>View</button>
			</h4>
			</div>
		</div>
	</a>
	<div class="product-info simpleCart_shelfItem">
		<div class="product-info-cust prt_name">
			<h4>Product #1</h4>
			<span class="item_price">$2000.00</span>
			<div class="ofr">
				<p class="pric1"><del>$2300.00</del></p>
				<p class="disc">[15% Off]</p>
			</div>
			<input type="text" class="item_quantity" value="1" />
			<input type="button" class="item_add items" value="Add">
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<div class="product-grid">
	<a href="single.html">
		<div class="more-product"><span> </span></div>
		<div class="product-img b-link-stripe b-animate-go  thickbox">
			<img src="./view/shop/images/m3.png" class="img-responsive" alt=""/>
			<div class="b-wrapper">
			<h4 class="b-animate b-from-left  b-delay03">
			<button> View </button>
			</h4>
			</div>
		</div>
	</a>
	<div class="product-info simpleCart_shelfItem">
		<div class="product-info-cust prt_name">
			<h4>Product #1</h4>
			<span class="item_price">$2000.00</span>
			<div class="ofr">
				<p class="pric1"><del>$2300.00</del></p>
				<p class="disc">[15% Off]</p>
			</div>
			<input type="text" class="item_quantity" value="1" />
			<input type="button" class="item_add items" value="Add">
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<div class="product-grid">
	<a href="single.html">
		<div class="more-product"><span> </span></div>
		<div class="product-img b-link-stripe b-animate-go  thickbox">
			<img src="./view/shop/images/m4.png" class="img-responsive" alt=""/>
			<div class="b-wrapper">
			<h4 class="b-animate b-from-left  b-delay03">
			<button> View </button>
			</h4>
			</div>
		</div>
	</a>
	<div class="product-info simpleCart_shelfItem">
		<div class="product-info-cust prt_name">
			<h4>Product #1</h4>
			<span class="item_price">$2000.00</span>
			<div class="ofr">
				<p class="pric1"><del>$2300.00</del></p>
				<p class="disc">[15% Off]</p>
			</div>
			<input type="text" class="item_quantity" value="1" />
			<input type="button" class="item_add items" value="Add">
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<div class="product-grid">
	<a href="single.html">
		<div class="more-product"><span> </span></div>
		<div class="product-img b-link-stripe b-animate-go  thickbox">
			<img src="./view/shop/images/m5.png" class="img-responsive" alt=""/>
			<div class="b-wrapper">
			<h4 class="b-animate b-from-left  b-delay03">
			<button> View </button>
			</h4>
			</div>
		</div>
	</a>
	<div class="product-info simpleCart_shelfItem">
		<div class="product-info-cust prt_name">
			<h4>Product #1</h4>
			<span class="item_price">$2000.00</span>
			<div class="ofr">
				<p class="pric1"><del>$2300.00</del></p>
				<p class="disc">[15% Off]</p>
			</div>
			<input type="text" class="item_quantity" value="1" />
			<input type="button" class="item_add items" value="Add">
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<div class="product-grid">
	<a href="single.html">
		<div class="more-product"><span> </span></div>
		<div class="product-img b-link-stripe b-animate-go  thickbox">
			<img src="./view/shop/images/m6.png" class="img-responsive" alt=""/>
			<div class="b-wrapper">
			<h4 class="b-animate b-from-left  b-delay03">
			<button> View </button>
			</h4>
			</div>
		</div>
	</a>
	<div class="product-info simpleCart_shelfItem">
		<div class="product-info-cust prt_name">
			<h4>Product #1</h4>
			<span class="item_price">$2000.00</span>
			<div class="ofr">
				<p class="pric1"><del>$2300.00</del></p>
				<p class="disc">[15% Off]</p>
			</div>
			<input type="text" class="item_quantity" value="1" />
			<input type="button" class="item_add items" value="Add">
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<div class="product-grid">
	<a href="single.html">
		<div class="more-product"><span> </span></div>
		<div class="product-img b-link-stripe b-animate-go  thickbox">
			<img src="./view/shop/images/m7.png" class="img-responsive" alt=""/>
			<div class="b-wrapper">
			<h4 class="b-animate b-from-left  b-delay03">
			<button> View </button>
			</h4>
			</div>
		</div>
	</a>
	<div class="product-info simpleCart_shelfItem">
		<div class="product-info-cust prt_name">
			<h4>Product #1</h4>
			<span class="item_price">$2000.00</span>
			<div class="ofr">
				<p class="pric1"><del>$2300.00</del></p>
				<p class="disc">[15% Off]</p>
			</div>
			<input type="text" class="item_quantity" value="1" />
			<input type="button" class="item_add items" value="Add">
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<div class="product-grid">
	<a href="single.html">
		<div class="more-product"><span> </span></div>
		<div class="product-img b-link-stripe b-animate-go  thickbox">
			<img src="./view/shop/images/m8.png" class="img-responsive" alt=""/>
			<div class="b-wrapper">
			<h4 class="b-animate b-from-left  b-delay03">
			<button> View </button>
			</h4>
			</div>
		</div>
	</a>
	<div class="product-info simpleCart_shelfItem">
		<div class="product-info-cust prt_name">
			<h4>Product #1</h4>
			<span class="item_price">$2000.00</span>
			<div class="ofr">
				<p class="pric1"><del>$2300.00</del></p>
				<p class="disc">[15% Off]</p>
			</div>
			<input type="text" class="item_quantity" value="1" />
			<input type="button" class="item_add items" value="Add">
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<div class="product-grid">
	<a href="single.html">
		<div class="more-product"><span> </span></div>
		<div class="product-img b-link-stripe b-animate-go  thickbox">
			<img src="./view/shop/images/m9.png" class="img-responsive" alt=""/>
			<div class="b-wrapper">
			<h4 class="b-animate b-from-left  b-delay03">
			<button> View </button>
			</h4>
			</div>
		</div>
	</a>
	<div class="product-info simpleCart_shelfItem">
		<div class="product-info-cust prt_name">
			<h4>Product #1</h4>
			<span class="item_price">$2000.00</span>
			<div class="ofr">
				<p class="pric1"><del>$2300.00</del></p>
				<p class="disc">[15% Off]</p>
			</div>
			<input type="text" class="item_quantity" value="1" />
			<input type="button" class="item_add items" value="Add">
			<div class="clearfix"> </div>
		</div>
	</div>
</div> -->
			</div>
<!-- 			<div class="col-md-3 rsidebar span_1_of_left"> -->
<!-- 	<section  class="sky-form">
		<div class="product_right">
			<h4 class="m_2"><span class="glyphicon glyphicon-minus" aria-hidden="true"></span>Categories</h4>
			<div class="tab1">
				<ul class="place">
					<li class="sort">Regular Cakes</li>
					<li class="by"><span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></li>
				</ul>
				<div class="clearfix"> </div>
				<div class="single-bottom">
					<a href="#"><p>Cassata</p></a>
					<a href="#"><p>Cheesecake</p></a>
					<a href="#"><p>Coconut cake</p></a>
					<a href="#"><p>Cupcake</p></a>
			    </div>
		    </div>
			<div class="tab2">
				<ul class="place">
					<li class="sort">Special Cakes</li>
					<li class="by"><span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></li>
				</ul>
				<div class="clearfix"> </div>
				<div class="single-bottom">
					<a href="#"><p>Delicious Cakes</p></a>
					<a href="#"><p>Gingerbread</p></a>
			    </div>
		    </div>
			<div class="tab3">
				<ul class="place">
					<li class="sort">Eggless Cake</li>
					<li class="by"><span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></li>
				</ul>
				<div class="clearfix"> </div>
				<div class="single-bottom">
					<a href="#"><p>Milk Cakes</p></a>
					<a href="#"><p>Fruits Cakes</p></a>
			    </div>
		    </div>
			<div class="tab4">
				<ul class="place">
					<li class="sort">2-3 Tier Cakes</li>
					<li class="by"><span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></li>
				</ul>
				<div class="clearfix"> </div>
				<div class="single-bottom">
					<a href="#"><p>Twist 4 tier</p></a>
					<a href="#"><p>Floral Tier</p></a>
					<a href="#"><p>Double Heartshape</p></a>
			    </div>
		    </div>
			script
			<script>
				$(document).ready(function(){
					$(".tab1 .single-bottom").hide();
					$(".tab2 .single-bottom").hide();
					$(".tab3 .single-bottom").hide();
					$(".tab4 .single-bottom").hide();
					$(".tab5 .single-bottom").hide();

					$(".tab1 ul").click(function(){
						$(".tab1 .single-bottom").slideToggle(300);
						$(".tab2 .single-bottom").hide();
						$(".tab3 .single-bottom").hide();
						$(".tab4 .single-bottom").hide();
						$(".tab5 .single-bottom").hide();
					})
					$(".tab2 ul").click(function(){
						$(".tab2 .single-bottom").slideToggle(300);
						$(".tab1 .single-bottom").hide();
						$(".tab3 .single-bottom").hide();
						$(".tab4 .single-bottom").hide();
						$(".tab5 .single-bottom").hide();
					})
					$(".tab3 ul").click(function(){
						$(".tab3 .single-bottom").slideToggle(300);
						$(".tab4 .single-bottom").hide();
						$(".tab5 .single-bottom").hide();
						$(".tab2 .single-bottom").hide();
						$(".tab1 .single-bottom").hide();
					})
					$(".tab4 ul").click(function(){
						$(".tab4 .single-bottom").slideToggle(300);
						$(".tab5 .single-bottom").hide();
						$(".tab3 .single-bottom").hide();
						$(".tab2 .single-bottom").hide();
						$(".tab1 .single-bottom").hide();
					})
					$(".tab5 ul").click(function(){
						$(".tab5 .single-bottom").slideToggle(300);
						$(".tab4 .single-bottom").hide();
						$(".tab3 .single-bottom").hide();
						$(".tab2 .single-bottom").hide();
						$(".tab1 .single-bottom").hide();
					})
				});
			</script>
			//script
		</div>
	</section>
	<section  class="sky-form">
		<h4><span class="glyphicon glyphicon-minus" aria-hidden="true"></span>DISCOUNTS</h4>
		<div class="row row1 scroll-pane">
			<div class="col col-4">
				<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Upto - 10% (20)</label>
			</div>
			<div class="col col-4">
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>70% - 60% (5)</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>50% - 40% (7)</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>30% - 20% (2)</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>10% - 5% (5)</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>30% - 20% (7)</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>10% - 5% (2)</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Other(50)</label>
			</div>
		</div>
	</section>
	<section  class="sky-form">
		<h4><span class="glyphicon glyphicon-minus" aria-hidden="true"></span>Price</h4>
		<ul class="dropdown-menu1">
			<li><a href="">
				<div id="slider-range"></div>
				<input type="text" id="amount" style="border: 0; font-weight: NORMAL;   font-family: 'Dosis-Regular';" />
				</a></li>
		</ul>
	</section>

	<script type="text/javascript" src="./view/shop/js/jquery-ui.min.js"></script>
	<link rel="stylesheet" type="text/css" href="./view/shop/css/jquery-ui.css">
		<script type='text/javascript'>//<![CDATA[
			$(window).load(function(){
			 $( "#slider-range" ).slider({
						range: true,
						min: 0,
						max: 100000,
						values: [ 500, 100000 ],
						slide: function( event, ui ) {  $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
						}
			 });
			$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) + " - $" + $( "#slider-range" ).slider( "values", 1 ) );

			});//]]>
		</script>

	<section  class="sky-form">
		<h4><span class="glyphicon glyphicon-minus" aria-hidden="true"></span>By Flavour</h4>
		<div class="row row1 scroll-pane">
			<div class="col col-4">
				<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Vanilla</label>
			</div>
			<div class="col col-4">
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Chocolate</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Butterscotch</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Strawberry</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Black Forest</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Mixed Fruit</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Honey</label>
			</div>
		</div>
	</section>
	<section  class="sky-form">
		<h4><span class="glyphicon glyphicon-minus" aria-hidden="true"></span>Weight</h4>
		<div class="row row1 scroll-pane">
			<div class="col col-4">
				<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Half KG</label>
			</div>
			<div class="col col-4">
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>One KG</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>TwO KG</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>More</label>
			</div>
		</div>
	</section>
	<section  class="sky-form">
		<h4><span class="glyphicon glyphicon-minus" aria-hidden="true"></span>Color</h4>
		<div class="row row1 scroll-pane">
			<div class="col col-4">
				<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>White</label>
			</div>
			<div class="col col-4">
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Pink</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Gold</label>
				<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Silver</label>
			</div>
		</div>
	</section>			 -->
<!-- 	<p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p>
</div>  -->
			<div class="clearfix"> </div>
		</div>
	</div>
	<!--//products-->
	<!--footer-->
	<div class="footer">
		<div class="container">
			<div class="footer-grids">
				<div class="col-md-2 footer-grid">
					<h4>company</h4>
					<ul>
						<li><a href="products.html">products</a></li>
						<li><a href="#">Work Here</a></li>
						<li><a href="#">Team</a></li>
						<li><a href="#">Happenings</a></li>
						<li><a href="#">Dealer Locator</a></li>
					</ul>
				</div>
				<div class="col-md-2 footer-grid">
					<h4>service</h4>
					<ul>
						<li><a href="#">Support</a></li>
						<li><a href="#">FAQ</a></li>
						<li><a href="#">Warranty</a></li>
						<li><a href="contact.html">Contact Us</a></li>
					</ul>
				</div>
				<div class="col-md-3 footer-grid">
					<h4>order & returns</h4>
					<ul>
						<li><a href="#">Order Status</a></li>
						<li><a href="#">Shipping Policy</a></li>
						<li><a href="#">Return Policy</a></li>
						<li><a href="#">Digital Gift Card</a></li>
					</ul>
				</div>
				<div class="col-md-2 footer-grid">
					<h4>legal</h4>
					<ul>
						<li><a href="#">Privacy</a></li>
						<li><a href="#">Terms and Conditions</a></li>
						<li><a href="#">Social Responsibility</a></li>
					</ul>
				</div>
				<div class="col-md-3 footer-grid icons">
					<h4>Connect with Us</h4>
					<ul>
						<li><a href="#"><img src="./view/shop/images/i1.png" alt=""/>Follow us on Facebook</a></li>
						<li><a href="#"><img src="./view/shop/images/i2.png" alt=""/>Follow us on Twitter</a></li>
						<li><a href="#"><img src="./view/shop/images/i3.png" alt=""/>Follow us on Google-plus</a></li>
						<li><a href="#"><img src="./view/shop/images/i4.png" alt=""/>Follow us on Pinterest</a></li>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--//footer-->
